<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="container">
        <div class="item" style="background:#E3E197">
            <p>路漫漫其修远兮...</p>
            <span><a href="#" class="maya">关闭</a></span>
        </div>
        <div class="item" style="background: #F8B3D0;">
            <p>I have a dream...</p>
            <span><a href="#" class="maya">关闭</a></span>
        </div>
        <div class="item" style="background: #BBE1F1;">
            <p>既然选择了远方，便只顾风雨兼程...</p>
            <span> <a href="#" class="maya">关闭</a></span>
        </div>



        <div class="item" style="background:#E3E197">
            <p>路漫漫其修远兮...</p>
            <span><a href="#" class="maya">关闭</a></span>
        </div>
        <div class="item" style="background: #F8B3D0;">
            <p>I have a dream...</p>
            <span><a href="#" class="maya">关闭</a></span>
        </div>
        <div class="item" style="background: #BBE1F1;">
            <p>既然选择了远方，便只顾风雨兼程...</p>
            <span> <a href="#" class="maya">关闭</a></span>
        </div>

        <!--改进： 多组纸片的排列：设计循环JS  or 表单 table or  ul>li -->

</body>

</html>